<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">

    <title>Admin</title>

    <!-- Bootstrap core CSS -->
    <link href="__STATIC__/common/css/bootstrap.css" rel="stylesheet">
    <!--external css-->
    <link href="__ADMIN__/css/font-awesome.css" rel="stylesheet" />
        
    <!-- Custom styles for this template -->
    <link href="__ADMIN__/css/style.css" rel="stylesheet">
    <link href="__ADMIN__/css/style-responsive.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
	<div id="login-page">
	<div class="container">
		<div class="row hidden" >
			<div class="col-md-5"></div>
				<button type="button" class="btn btn-primary" title="Popover title"
					data-container="body" data-toggle="popover" data-placement="top"
					data-content="账号或密码错误">
					账号或密码错误
				</button>
			</div>
		</div>
		<form class="form-login" method="POST">
			<h2 class="form-login-heading">登录</h2>
			<div class="login-wrap">
				<input name="username" type="text" class="form-control" placeholder="这里输入登录名" value="admin" autofocus>
				<br>
				<input name="password" type="password" class="form-control" placeholder="这里输入密码" value="admin123">
				<label class="checkbox">
					<span class="pull-right">
						<a data-toggle="modal" href="login.html#myModal"> 忘记密码?</a>
					</span>
				</label>
				<button class="btn btn-theme btn-block" id="form-submit" type="submit"><i class="fa fa-lock"></i>登录</button>
				<hr>
				
				<div class="login-social-link centered">
				<p>其他账号登录:</p>	
					<button class="btn btn-info" type="submit"><i class="fa fa fa-qq"></i> QQ</button>
					<button class="btn btn-success" type="submit"><i class="fa fa-weixin"></i> 微信</button>
				</div>
				<!-- <div class="registration">
					Don't have an account yet?<br/>
					<a class="" href="#">
						Create an account
					</a>
				</div> -->
	
			</div>
	
				<!-- Modal -->
				<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal" class="modal fade">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								<h4 class="modal-title">Forgot Password ?</h4>
							</div>
							<div class="modal-body">
								<p>Enter your e-mail address below to reset your password.</p>
								<input type="text" name="email" placeholder="Email" autocomplete="off" class="form-control placeholder-no-fix">
	
							</div>
							<div class="modal-footer">
								<button data-dismiss="modal" class="btn btn-default" type="button">Cancel</button>
								<button class="btn btn-theme" type="button">Submit</button>
							</div>
						</div>
					</div>
				</div>
				<!-- modal -->
	
		</form>	  	
	
	</div>
	</div>

<!-- js placed at the end of the document so the pages load faster -->
<script src="__STATIC__/common/js/jquery.min.js"></script>
<script src="__STATIC__/common/js/bootstrap.min.js"></script>

<!--BACKSTRETCH-->
<!-- You can use an image of whatever size. This script will stretch to fit in any screen size.-->
<script type="text/javascript" src="__STATIC__/common/js/jquery.backstretch.min.js"></script>
<script>
$(document).ready(function () {
	$.backstretch("__ADMIN__/img/login-bg.jpg", {speed: 500});
	var popover = $("[data-toggle='popover']");
	popover.popover();
	popover.on('click',function(){
		popover.hide();
	});
	// $("button#form-submit").click(function(){
	// 	console.log('clicking');
	// 	var data = $(".form-login").serialize();
	// 	console.log(data);
	// 	$.ajax({
	// 		url : '/admin/login',
	// 		type : 'POST',
	// 		data : data,
	// 		success:function(data){
	// 			if (data.code) {
					
	// 			}
	// 		}
	// 	});
	// });
});
</script>

</body>
</html>
